html{font-size: 625%;background: #efeff4;}
.container{max-width: 750px;min-width: 320px;margin: 0 auto;}

.top-bar{background: #313036;width: 100%;box-sizing: border-box;padding-left: 10px;color: #fff;text-align: center;font-size: 0.16rem;height: 40px;line-height: 40px;position: relative;margin-bottom: 10px;}
.top-bar .top-left{position: absolute;top: 12px; left: 15px; width: 10px;height: 15px;background: url('../img/left.png') no-repeat 0 0; background-size: contain;}

.list{width: 100%; box-sizing: border-box;}
.list .list-item{display: block;padding: 10px;width: 100%; box-sizing: border-box;position: relative;margin-bottom: 5px;background: #fff;padding-bottom: 0;}
.list .list-item .layer{width: calc(45% - 10px);padding-top:30%;background: #000;opacity: 0.5;position: absolute;top:15px;left:10px;z-index: 11;}
.list .list-item .crow{position: absolute;z-index: 12;text-align: center;width: calc(45% - 10px);color:#fff;top:35%;font-size: 0.14rem;}
.list .list-item dl{padding: 5px 0;position: relative;}
.list .list-item dl dt{float: left;width: 45%;padding-top:30%; margin-right: 10px;  box-sizing: border-box;}
.list .list-item dl dd{width: 50%;box-sizing: border-box; color: #999;position: absolute;margin-bottom: 0.05rem;right: 0;}
.list .list-item dl dd.title{font-size: 0.14rem;font-weight: 800;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height: 0.42rem;line-height: 0.21rem;color: #333;margin-bottom: 0.10rem;}
.list .list-item dl dd span.left{float: left;}
.list .list-item dl dd span.right{position:absolute;bottom: 0px;right: 0;}
.list .list-item dl dd span em{font-style: italic;color: #f30;font-size: 0.18rem;font-weight: 800;}
.list .list-item dl dd span strong{color:#333;}
.list .list-item dl dd.middle{top:50%;}
.list .list-item dl dd.bottom{position: absolute;bottom: 0;right: 0;}
.list .list-item dl dd.bottom span.right{border: 1px solid #f30;width: 0.88rem;height:0.22rem;text-align: center;overflow: hidden; line-height: 0.22rem;color:#333;background: #ff997f;}
.list .list-item dl dd.bottom span.bg-right{display:inline-block;height:0.22rem;position:absolute;bottom: 1px;right:1px;background: #fff;}
.list .list-item dl dd.bottom span i{z-index: 3;position: absolute;width: 100%;text-align: center;top:0;left:0px;}
.list .list-item .list-item-down{width: 100%;box-sizing: border-box;height: 45px;padding-top: 10px;padding-bottom: 5px;}
.list .list-item .list-item-down a{display: inline-block;width: 0.5rem;height: 24px;text-align: center;line-height: 24px;border-top: 1px solid #bbb;border-left: 1px solid #bbb; margin-right: 0.05rem; float: right; color:#333;font-size: 0.14rem;}



@media screen and (min-width:640px){
	html{
		font-size: 808.5%;
	}
	.list .list-item dl dd{font-size: 0.16rem;}
	.list .list-item dl dd.title{font-size: 0.20rem;margin-bottom: 0.16rem;line-height: 0.3rem;height: 0.6rem;}
	.list .list-item dl dd.bottom span.right{font-size: 0.14rem;}
	.list .list-item dl dd span em{font-size: 0.22rem;}
}
